<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<!DOCTYPE html>
<html>
<head>
<%@include file="../../views/layouts/header.jsp" %>
  <style type="text/css">
.pager .previous{
    float: left;
}

.pager .next{
    float: right;
}
li.case-active a{
    color: #1ABC9C;
}
li a{
color: #333;
}

  </style> 
  <link rel="stylesheet" href="http://cdn.lezhibo.com/static/front/css/new-lzb.css?cdnv=0.16" type="text/css"> 
  <link rel="stylesheet" href="http://cdn.lezhibo.com/static/front/css/new-style3.css?cdnv=0.16" type="text/css"> 
  <title>直播案例-乐直播企业直播间案例_乐直播商业直播案例_全场景直播案例－【乐直播官网】</title> 
  <script>
            var $leActivityId="";
            var cdnPath="http://cdn.lezhibo.com";//cdn路径
  </script> 
 </head> 
 <body class="stretched no-transition"> 
  <div id="wrapper" class="clearfix"> 
   <header id="header" class="full-header"> 
    <div id="header-wrap"> 
     <div class="container clearfix"> 
      <div id="primary-menu-trigger">
       <i class="icon-reorder"></i>
      </div> 
      <div id="logo"> 
       <a href="/" class="standard-logo" data-dark-logo="/static/front/images/logo-dark.png"><img src="http://cdn.lezhibo.com/static/front/images/lzb-logo4.jpg" alt="乐直播"></a> 
       <a href="/" class="retina-logo" data-dark-logo="/static/front/images/logo-dark@2x.png"><img class="shouji-logo" src="http://cdn.lezhibo.com/static/front/images/lzb-logo1@2x3.jpg" alt="乐直播"></a> 
      </div>
      <!-- #logo end --> 
<%@include file="../../views/layouts/navigation.jsp" %>
      <!-- #primary-menu end --> 
     </div> 
    </div> 
   </header>
   <!-- #header end --> 
   <!-- Page Title
============================================= --> 
   <div class="banner"> 
    <img src="http://cdn.lezhibo.com/static/front/images/case-banner3.jpg" alt=""> 
   </div> 
   <!--content1--> 
   <div class="lzb-content  case-body"> 
    <div class="wrap fix"> 
     <div class="case-container fix mg50"> 
      <div class="case-catagy ">
       案例
      </div> 
      <ul class="case-list TAB_CLIKE3  pull-left fix"> 
       <li class="case-active"><a href="${ctx}/cases.vo" data-filter="*">全部案例</a></li> 
       <li> <a href="${ctx}/cases.vo?categoryId=1" data-filter=".pf-icons">公益直播</a> </li> 
       <li> <a href="${ctx}/cases.vo?categoryId=2" data-filter=".pf-icons">婚礼直播</a> </li> 
       <li> <a href="${ctx}/cases.vo?categoryId=3" data-filter=".pf-icons">峰会论坛</a> </li> 
       <li> <a href="${ctx}/cases.vo?categoryId=4" data-filter=".pf-icons">商业直播</a> </li> 
       <li> <a href="${ctx}/cases.vo?categoryId=5" data-filter=".pf-icons">美食分类</a> </li> 
       <li> <a href="${ctx}/cases.vo?categoryId=6" data-filter=".pf-icons">品牌</a> </li> 
       <li> <a href="${ctx}/cases.vo?categoryId=7" data-filter=".pf-icons">家居直播</a> </li> 
       <li> <a href="${ctx}/cases.vo?categoryId=8" data-filter=".pf-icons">景区直播</a> </li> 
       <li> <a href="${ctx}/cases.vo?categoryId=9" data-filter=".pf-icons">看房直播</a> </li> 
       <li> <a href="${ctx}/cases.vo?categoryId=10" data-filter=".pf-icons">汽车展销</a> </li> 
      </ul> 
      <div class="case case-right  pull-right fix"> 
       <div class="case-content  fix"> 
        <div class="case-brief">
            <c:if test="${not empty categoryId}">
                ${pageResult.info[0].categoryName }
            </c:if>
          全部案例 
        </div> 
        <ul class="case-box">
            <c:if test="${not empty pageResult.info}">
                <c:forEach items="${pageResult.info }" var="activity">
                <c:if test="${not empty activity and not empty activity.cases}">
                    <c:forEach items="${activity.cases }" var="caseDetail">
                        <li> <img src="${caseDetail.coverIamge }" alt="${caseDetail.title }" class="case-img"> 
                          <div class="case-ewm fix"> 
                           <img src="${caseDetail.qrCode }" alt="${caseDetail.title }"> 
                           <div class="case-title mb10">
                                ${caseDetail.title }
                           </div> 
                           <p style="margin-bottom:0">${caseDetail.createTimeString }</p> 
                           <p>观看人次：${caseDetail.accessCount }</p> 
                         </div>
                       </li>
                    </c:forEach>
                </c:if>
                </c:forEach>
             </c:if>
         <li> <img src="http://cdn.lezhibo.com/attachment/20170606/6ba4d26f29ec4fad9ae8e9c718fc9092.jpg" alt="老司机——平遥之旅" class="case-img"> 
          <div class="case-ewm fix"> 
           <img src="http://cdn.lezhibo.com/attachment/20170606/c6486432589b44fe9f19172bae3866ba.png" alt="老司机——平遥之旅"> 
           <div class="case-title mb10">
            老司机——平遥之旅
           </div> 
           <p style="margin-bottom:0">2017-06-06</p> 
           <p>观看人次：4553</p> 
          </div> </li> 
         <li> <img src="http://cdn.lezhibo.com/attachment/20170606/033c88cabcfd4d2eb5f013ae58a804b1.jpg" alt="开往直播春天的高铁" class="case-img"> 
          <div class="case-ewm fix"> 
           <img src="http://cdn.lezhibo.com/attachment/20170606/f79a59a1267441c59908e1b31ade6a61.png" alt="开往直播春天的高铁"> 
           <div class="case-title mb10">
            开往直播春天的高铁
           </div> 
           <p style="margin-bottom:0">2017-06-06</p> 
           <p>观看人次：4235</p> 
          </div> </li> 
         <li> <img src="http://cdn.lezhibo.com/attachment/20170526/27694d9a0c8f4fecab1d4b3d34d4d5af.png" alt="乐直播同步直播太原首家冰煮火锅" class="case-img"> 
          <div class="case-ewm fix"> 
           <img src="http://cdn.lezhibo.com/attachment/20170526/1dc9d824701b48b18c703bab04f63a94.png" alt="乐直播同步直播太原首家冰煮火锅"> 
           <div class="case-title mb10">
            乐直播同步直播太原首家冰煮火锅
           </div> 
           <p style="margin-bottom:0">2017-05-26</p> 
           <p>观看人次：55017</p> 
          </div> </li> 
         <li> <img src="http://cdn.lezhibo.com/attachment/20170525/fbab0a52b1c84ae0bb1d3243e826878b.png" alt="浪哥用直播带你玩转上海美博会～" class="case-img"> 
          <div class="case-ewm fix"> 
           <img src="http://cdn.lezhibo.com/attachment/20170525/e8ab575684114f9189a04edc4b62e4f9.png" alt="浪哥用直播带你玩转上海美博会～"> 
           <div class="case-title mb10">
            浪哥用直播带你玩转上海美博会～
           </div> 
           <p style="margin-bottom:0">2017-05-25</p> 
           <p>观看人次：32263</p> 
          </div> </li> 
         <li> <img src="http://cdn.lezhibo.com/attachment/20170525/cdb38a03e2084f519b05fe82178e4cef.jpg" alt="宝龙广场520主题婚礼秀" class="case-img"> 
          <div class="case-ewm fix"> 
           <img src="http://cdn.lezhibo.com/attachment/20170525/9edb6acab5eb4418a027e98928c21e01.png" alt="宝龙广场520主题婚礼秀"> 
           <div class="case-title mb10">
            宝龙广场520主题婚礼秀
           </div> 
           <p style="margin-bottom:0">2017-05-25</p> 
           <p>观看人次：20147</p> 
          </div> </li> 
         <li> <img src="http://cdn.lezhibo.com/attachment/20170525/12d9df7b47bf4af28d500c72c115c316.jpg" alt="乐直播助力并同步直播2017深圳文博会" class="case-img"> 
          <div class="case-ewm fix"> 
           <img src="http://cdn.lezhibo.com/attachment/20170525/d79b99d542bd4b7eb6b8a7eb4030246e.png" alt="乐直播助力并同步直播2017深圳文博会"> 
           <div class="case-title mb10">
            乐直播助力并同步直播2017深圳文博会
           </div> 
           <p style="margin-bottom:0">2017-05-25</p> 
           <p>观看人次：31875</p> 
          </div> </li> 
         <li> <img src="http://cdn.lezhibo.com/attachment/20170525/957e03eab751409abfa07849effdaf51.png" alt="500强高管会议直播中，可口可乐大佬们讨论很激烈！" class="case-img"> 
          <div class="case-ewm fix"> 
           <img src="http://cdn.lezhibo.com/attachment/20170525/783c20d9cbaf4a7f9978052df84cd20d.png" alt="500强高管会议直播中，可口可乐大佬们讨论很激烈！"> 
           <div class="case-title mb10">
            500强高管会议直播中，可口可乐大佬们讨论很激烈！
           </div> 
           <p style="margin-bottom:0">2017-05-25</p> 
           <p>观看人次：341148</p> 
          </div> </li> 
         <li> <img src="http://cdn.lezhibo.com/attachment/20170331/33363b64c59a4698a68fb6cffd763120.jpg" alt="红星美凯龙太原长风商场全球招商发布会" class="case-img"> 
          <div class="case-ewm fix"> 
           <img src="http://cdn.lezhibo.com/attachment/20170331/dfc078fbfe1046d1868061a72f7ea21c.png" alt="红星美凯龙太原长风商场全球招商发布会"> 
           <div class="case-title mb10">
            红星美凯龙太原长风商场全球招商发布会
           </div> 
           <p style="margin-bottom:0">2017-03-31</p> 
           <p>观看人次：3345</p> 
          </div> </li> 
         <li> <img src="http://cdn.lezhibo.com/attachment/20170331/87d83c7a1468460a8e4f3317cafb0e7e.png" alt="春到杏花村”第二届杏花节" class="case-img"> 
          <div class="case-ewm fix"> 
           <img src="http://cdn.lezhibo.com/attachment/20170331/3157dd04d6c74088a7d0dbf5c230a6c0.png" alt="春到杏花村”第二届杏花节"> 
           <div class="case-title mb10">
            春到杏花村”第二届杏花节
           </div> 
           <p style="margin-bottom:0">2017-03-31</p> 
           <p>观看人次：8063</p> 
          </div> </li> 
         <li> <img src="http://cdn.lezhibo.com/attachment/20170331/e5305c50e7e94a4badfb79ea7c33e953.jpg" alt="迎泽世纪城3月26日盛大开盘" class="case-img"> 
          <div class="case-ewm fix"> 
           <img src="http://cdn.lezhibo.com/attachment/20170331/cb558c2ac4324f43b30de0f84a629258.png" alt="迎泽世纪城3月26日盛大开盘"> 
           <div class="case-title mb10">
            迎泽世纪城3月26日盛大开盘
           </div> 
           <p style="margin-bottom:0">2017-03-31</p> 
           <p>观看人次：11750</p> 
          </div> </li> 
         <li> <img src="http://cdn.lezhibo.com/attachment/20170331/094dc650d598489ab700e373465921e2.jpg" alt="上汽大众全新途观L品鉴会" class="case-img"> 
          <div class="case-ewm fix"> 
           <img src="http://cdn.lezhibo.com/attachment/20170331/963bc4639e314546a638092d766d06d7.png" alt="上汽大众全新途观L品鉴会"> 
           <div class="case-title mb10">
            上汽大众全新途观L品鉴会
           </div> 
           <p style="margin-bottom:0">2017-03-31</p> 
           <p>观看人次：3320</p> 
          </div> </li> 
         <li> <img src="http://cdn.lezhibo.com/attachment/20170331/b55a499a84e84eaf988b2a8021c9c753.jpg" alt="富力地产太原公司2017年品牌盛典计划" class="case-img"> 
          <div class="case-ewm fix"> 
           <img src="http://cdn.lezhibo.com/attachment/20170331/219556bc5f054befb38b3964ecf36250.png" alt="富力地产太原公司2017年品牌盛典计划"> 
           <div class="case-title mb10">
            富力地产太原公司2017年品牌盛典计划
           </div> 
           <p style="margin-bottom:0">2017-03-31</p> 
           <p>观看人次：7349</p> 
          </div> </li> 
        </ul> 
       </div> 
      </div> 
      <div class="clearfix"></div> 
      <ul class="pager nomargin"> 
       <c:set var="currPage" value="${ 0 lt pageResult.pageInfo.currPage ? pageResult.pageInfo.currPage - 1 : 0}" />
       <c:set var="nextPage" value="${ pageResult.pageInfo.currPage lt pageResult.pageInfo.totalPage ? pageResult.pageInfo.currPage + 1 : pageResult.pageInfo.currPage}" />
       <li><a href="${ctx}/cases.vo?currPage=${currPage}" class="previous">上一页</a></li> 
       <li><a href="${ctx}/cases.vo?currPage=${nextPage}" class="next">下一页</a></li> 
      </ul> 
     </div> 
    </div> 
   </div> 
   <!--content1 end--> 
   <!-- Content=============================================end --> 
   <div class="footerBox"> 
    <footer class="footer clearfix"> 
     <!--<div class="copyright">--> 
     <!--<p>京ICP备16053982号-1</p>--> 
     <!--<p>www.lezhibo.com 2011-2015 © All Rights Reserved</p>--> 
     <!--</div>--> 
     <div class="footerlogo">
      <img src="http://cdn.lezhibo.com/static/wechat/images/footerLogo.jpg">
     </div> 
     <div class="contactUs"> 
      <span><a href="javascript:void(0);">联系我们</a></span> 
      <ul> 
       <li><a href="/">乐直播</a>（北京）网络科技有限公司<em class="ec">版权所有</em><br><a href="http://www.miitbeian.gov.cn/" title="京ICP备16053982号-5" target="_blank" rel="nofollow">京ICP备16053982号-5</a></li> 
       <li>联系电话: 400-900-5560</li> 
       <li>微信：lezhibo-lb</li> 
       <li>QQ：3254604660<em> &nbsp;&nbsp;&nbsp;邮箱:lzb@lezhibo.com</em></li> 
       <li>北京公司地址：北京朝阳区日坛北路7号1幢3层304（总部地址）</li> 
      </ul> 
     </div> 
     <div class="QRcode"> 
      <span><a href="javascript:void(0);">关注我们</a></span> 
      <em><i>微信扫一扫<br>更多精彩等着您</i><img src="http://cdn.lezhibo.com/static/wechat/images/le-qrcode.jpg" alt="微信扫一扫,更多精彩等着您"></em> 
     </div> 
    </footer>
    <!-- #footer end --> 
   </div> 
  </div>
  <!-- #wrapper end --> 
  <div id="gotoTop" class="icon-angle-up"></div> 
  <script type="text/javascript" src="http://cdn.lezhibo.com/static/front/js/functions1.js?cdnv=0.16"></script> 
  <script type="text/javascript" src="http://cdn.lezhibo.com/static/layui/layui.js?cdnv=0.16"></script> 
  <script type="text/javascript" src="http://cdn.lezhibo.com/static/layui/lay/dest/layui.all.js?cdnv=0.16"></script> 
  <script>
        var currentId = "case";
        $("#"+currentId).attr("class","current");

//鼠标点击选项卡
$(".TAB_CLIKE3 li").click(function(){
    var $vv=$(this).attr("id");
    $(".case-brief").html()

    // $(this).addClass("hover");
});




        function layerInit() {
            $("[go-href]").click(function () {
                var href = $(this).attr("go-href");
                var newWind = $(this).attr("go-href-new");
                if (newWind == "true") {
                    window.open(href);
                } else {
                    window.location.href = href;
                }
            });
        }
        layerInit();
        /**
         * 百度统计
         */
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?26c862c397ddfac8288cb68427caa70f";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();

        /**
         * 百度商桥
         */
        var _hmt1 = _hmt1 || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?9837d3382bc11d53001c82796fba0e5f";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();

        $(function(){
            $('#logo img').css('height',60);
            $('#logo').css('margin-top', 20);
        });
        $(window).scroll(function(){
            if($('body').scrollTop()>0){
                $('#logo').css('margin-top', 0);
            }else{
                $('#logo').css('margin-top', 20);
            }

        });
    </script>   
 </body>
</html>
